<%@ include file="../common/top.jsp"%>

<div id="Catalog">
  <c:if test="${requestScope.orderMsg != null}">
    <p><font color="red">${requestScope.orderMsg}</font></p>
  </c:if>
  <form action="confirmOrder" method="post">
    <table>
      <tr>
        <th colspan=2>Payment Details</th>
      </tr>
      <tr>
        <td>Card Type:</td>
        <td>
          <option value="Visa" selected="selected">Visa</option>
          <option value="MasterCard">MasterCard</option>
          <option value="American Express">American Express</option>
        </td>
      </tr>
      <tr>
        <td>Card Number:</td>
        <td>
          <input type="text" name="creditCard" value="999999999999"> * Use a fake number!
        </td>
      </tr>
      <tr>
        <td>Expiry Date (MM/YYYY):</td>
        <td>
          <input type="text" name="expiryDate" value="12/03"/>
        </td>
      </tr>
      <tr>
        <th colspan=2>Billing Address</th>
      </tr>

      <tr>
        <td>First name:</td>
        <td>
          <input type="text" name="billToFirstName" value="${sessionScope.order.billToFirstName}" />
        </td>
      </tr>
      <tr>
        <td>Last name:</td>
        <td>
          <input type="text" name="billToLastName" value="${sessionScope.order.billToLastName}" />
        </td>
      </tr>
      <tr>
        <td>Address 1:</td>
        <td>
          <input type="text" size="40" name="billAddress1" value="${sessionScope.order.billAddress1}" />
        </td>
      </tr>
      <tr>
        <td>Address 2:</td>
        <td>
          <input type="text" size="40" name="billAddress2" value="${sessionScope.order.billAddress2}" />
        </td>
      </tr>
      <tr>
        <td>City:</td>
        <td>
          <input type="text" name="billCity" value="${sessionScope.order.billCity}" />
        </td>
      </tr>
      <tr>
        <td>State:</td>
        <td>
          <input type="text" size="4" name="billState" value="${sessionScope.order.billState}" />
        </td>
      </tr>
      <tr>
        <td>Zip:</td>
        <td>
          <input type="text" size="10" name="billZip" value="${sessionScope.order.billZip}" />
        </td>
      </tr>
      <tr>
        <td>Country:</td>
        <td>
          <input type="text" size="15" name="billCountry" value="${sessionScope.order.billCountry}" />
        </td>
      </tr>

      <tr>
        <td colspan=2>
          <input type="checkbox" name="shippingAddressRequired"/>
          Ship to different address...</td>
      </tr>
    </table>
    <input type="submit" name="newOrder" value="Continue"/>
  </form>
</div>

<%@ include file="../common/bottom.jsp"%>